<template>
  <v-ons-page>
    <v-ons-toolbar>
      <div class="left">
        <v-ons-back-button>返回</v-ons-back-button>
      </div>
      <div class="center">提现到银行卡</div>
    </v-ons-toolbar>
    <div class="container">

      <!-- 未绑定银行卡 -->
      <div v-if="!isBinding">
        <p class="binding-tip-text">暂无绑定银行卡</p>
        <button class="btn" @click="enterPage({path:'/ServiceSelectBankcard/1'})">立即前往绑定页面</button>
      </div>


      <!-- 已经绑定银行卡 -->
      <div v-if="isBinding">
        <div class="main-group">
          <div class='card-info' bindtap='click'>
            <div class='card-info-left'>
              <div>小明</div>
              <div>1234567891246</div>
            </div>
            <div  class='card-info-right'>
              <span>银行</span>
              <span class='fa fa-angle-right'></span>
            </div>
          </div>
          <div class="input-group">
            <p class="tip-text">可提现金额：<span>500 元</span></p>
            <input type="text" placeholder="请输入提现金额">
            <button>确认提现</button>
            <p class="hint-text">预计3个工作日到账</p>
          </div>
        </div>
      </div>

    </div>
  </v-ons-page>
</template>

<script>
  export default {
    data() {
      return {
        price: '',
        isBinding: false
      }
    },
    methods: {
      enterPage({path: path, actionSheet: actionSheet}) {
        if (actionSheet) {
          this.actionSheetVisible = false
        }
        this.$router.push({
          path: path,
        });
      }
    }
  }
</script>

<style scoped lang="less">
  @import "../../assets/less/service/withdraw-cash-to-bankcard.less";
</style>
